<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/paypal.css">
</head>

<body>
<div id="app">

    <!-- ====================1.顶部==================== -->
    <div id="header">

        <!-- logo -->
        <div class="logo">
            <a href=""></a>
            <h3 class="counter">收银台</h3>
        </div>

        <!-- 流程 -->
        <div class="flow">
           <div class="f1">1</div>
           <div class="line"></div>
           <div class="f2">2</div>
           <div class="line"></div>
           <div class="f3">3</div>
           <div class="f-info">
                <div>提交订单</div>
                <div>支付订单</div>
                <div>完成提交</div>
           </div>
        </div>
    </div>

    <!-- ====================2.主体==================== -->
    <div id="main">
        <div class="order_box">
            <div class="order_info">
                <div class="f1">
                    <p class="p1">
                        请您及时付款，以便订单尽快处理！ 订单号：
                        <span class="orderId">1240509507</span>
                    </p>
                    <p class="p2">
                        请您在提交订单后
                        <span class="counter">15分钟30秒</span>
                        内完成支付，否则订单会自动取消。
                    </p>
                    <a href="./payover.html">支付完成</a>
                </div>
                <div class="f2">
                    应付金额:
                    <span class="tocost">1320.00</span>
                    元
                </div>
            </div>
        </div>
        <div class="pay_box">
            <div class="scanning_alipay">
                <p class="word">扫一扫付款（元）</p>
                <p class="money">1320.00</p>
                <img src="image/scanningpay.png">
            </div>
        </div>
    </div>
</div>
<!--引用vue-->
<script src="../js/untils/vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</body>
</html>